<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>秀色运动网-XSports.wang</title>
<script src="/js/jquery_2.0.3.js"></script>
<script src="/semantic/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="/semantic/semantic.css">
<style>
.clublist .content .header {
	font-size: 0.8em;
}

.clublist .content .description {
	font-size: 0.7em;
}
</style>
</head>
<body>
	<div class="ui secondary menu grey inverted">
		<a class="item" href="index.html"> <img
			src="http://www.semantic-ui.cn/images/logo.png">
		</a>
		<div class="right menu">
			<div class="item">
				<div class="ui icon input">
					<input type="text" placeholder="查找俱乐部"> <i
						class="search link icon"></i>
				</div>
			</div>
			<a class="item left-menu-btn"><i class="sidebar icon"></i>菜单</a>
		</div>
	</div>
	<div class="ui attached pushable leftmenu">
		<div class="pusher">
			<div class="ui container">
				<div class="ui comments">
					<div class="comment">
						<a class="avatar" href="club.html"> <img
							src="http://www.semantic-ui.cn/images/avatar/small/stevie.jpg">
						</a>
						<div class="content">
							<a class="author" href="club.html">周末骑行群</a>
							<div class="metadata">
								<div class="date">1 天前</div>
								<div class="rating">
									<i class="star icon"></i> 125 Faves
								</div>
							</div>
							<div class="text">每周都去骑一次，快乐从骑行开始。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/demo/avatar2.jpg"></a>
						<div class="content">
							<a class="author">胸肌小分队</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 25 Faves
								</div>
							</div>
							<div class="text">健身房，走起！小伙，姑娘，加进来。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/avatar/small/stevie.jpg"></a>
						<div class="content">
							<a class="author">乒乓球爱好者</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 66 Faves
								</div>
							</div>
							<div class="text">为国球而自豪，从我做起，欢迎加入。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/demo/avatar3.jpg"></a>
						<div class="content">
							<a class="author">一二三四五六七八九十一二三四五</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 32 Faves
								</div>
							</div>
							<div class="text">一二三四五六七八九十一二三四五六七八九十</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/demo/avatar.jpg">
						</a>
						<div class="content">
							<a class="author">周末骑行群</a>
							<div class="metadata">
								<div class="date">1 天前</div>
								<div class="rating">
									<i class="star icon"></i> 125 Faves
								</div>
							</div>
							<div class="text">每周都去骑一次，快乐从骑行开始。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/demo/avatar.jpg"></a>
						<div class="content">
							<a class="author">胸肌小分队</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 25 Faves
								</div>
							</div>
							<div class="text">健身房，走起！小伙，姑娘，加进来。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/demo/avatar2.jpg"></a>
						<div class="content">
							<a class="author">乒乓球爱好者</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 66 Faves
								</div>
							</div>
							<div class="text">为国球而自豪，从我做起，欢迎加入。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/demo/avatar3.jpg"></a>
						<div class="content">
							<a class="author">一二三四五六七八九十一二三四五</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 32 Faves
								</div>
							</div>
							<div class="text">一二三四五六七八九十一二三四五六七八九十</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/avatar/small/stevie.jpg">
						</a>
						<div class="content">
							<a class="author">周末骑行群</a>
							<div class="metadata">
								<div class="date">1 天前</div>
								<div class="rating">
									<i class="star icon"></i> 125 Faves
								</div>
							</div>
							<div class="text">每周都去骑一次，快乐从骑行开始。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/avatar/small/stevie.jpg"></a>
						<div class="content">
							<a class="author">胸肌小分队</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 25 Faves
								</div>
							</div>
							<div class="text">健身房，走起！小伙，姑娘，加进来。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/avatar/small/stevie.jpg"></a>
						<div class="content">
							<a class="author">乒乓球爱好者</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 66 Faves
								</div>
							</div>
							<div class="text">为国球而自豪，从我做起，欢迎加入。</div>
						</div>
					</div>
					<div class="ui divider"></div>
					<div class="comment">
						<a class="avatar"> <img
							src="http://www.semantic-ui.cn/images/avatar/small/stevie.jpg"></a>
						<div class="content">
							<a class="author">一二三四五六七八九十一二三四五</a>
							<div class="metadata">
								<div class="date">2 天前</div>
								<div class="rating">
									<i class="star icon"></i> 32 Faves
								</div>
							</div>
							<div class="text">一二三四五六七八九十一二三四五六七八九十</div>
						</div>
					</div>
				</div>
			</div>
			<div class="ui labeled icon right inline vertical sidebar menu">
				<a class="item" href="index.html"><i class="home icon"></i>首页</a> <a
					class="item" href="reg.html"><i class="block layout icon"></i>注册</a>
			</div>
		</div>
	</div>
	<script>
		//标签
		//$('.menu.item').tab();

		$('.ui.sidebar').sidebar({
			context : $('.leftmenu')
		}).sidebar('attach events', '.left-menu-btn');
	</script>
</body>
</html>
